//引入splitpanes样式
@use "splitpanes/dist/splitpanes.css" as *;

.el-scrollbar__view {
  > .splitpanes {
    padding: 0.5rem;
  }
}

//覆盖样式
.splitpanes.default-theme {
  .splitpanes__pane {
    background-color: var(--background-color) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--el-box-shadow-light);
    border-radius: 0.63rem;
    // 包含表格时去除阴影
    &:has(.dile-table-container) {
      overflow: inherit;
      border: 0 !important;
      box-shadow: none !important;
      background-color: transparent !important;
    }
  }
  .splitpanes__splitter {
    background-color: transparent !important;
    border: 0;
    margin: 0;
    width: 0.88rem;
    &::before,
    &:hover:before,
    &::after,
    &:hover::after {
      background-color: var(--font-color-gray) !important;
    }
  }
}
